<div id="header" class="content-block header-wrapper-2">
  <div class="table-responsive">
    <table class="table">
      <tr class="active td-hangqing">
        <td colspan="6" style="text-align: left;line-height: 50px;padding-left: 40px;">
			<div class="row">
				<div class="col-md-8">
			  		<p>当前第{{query.pages*1 + 1}}页</p>
			  	</div>

			  	<div class="col-md-3 col-xs-7">
			  		<div class="input-group">
					  	<input type="text" 
					  	ng-model="query.symbol"
					  	class="form-control" placeholder="请输入币种名称缩写" aria-describedby="basic-addon2">
					  	<span class="input-group-addon success" id="basic-addon2" ng-click="search()">搜 索</span>
					</div>
			  	</div>
			  	<div class="col-md-1"></div>
			</div>
			<div class="row">
				<div class="col-md-8 col-xs-12">
			  		<div class="btn-group" role="group" aria-label="...">
					  	<div class="btn-group" role="group">
					    	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					      	价  格
					      	<span class="caret"></span>
					   		 </button>
					    	<ul class="dropdown-menu">
					      		<li><a ng-click="sort('price_cny', 1)">升序</a></li>
					      		<li><a ng-click="sort('price_cny', -1)">降序</a></li>
					    	</ul>
					  	</div>
					  	<div class="btn-group" role="group">
					    	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					      	流通市值
					      	<span class="caret"></span>
					   		 </button>
					    	<ul class="dropdown-menu">
					      		<li><a ng-click="sort('market_cap_cny', 1)">升序</a></li>
					      		<li><a ng-click="sort('market_cap_cny', -1)">降序</a></li>
					    	</ul>
					  	</div>
					  	<div class="btn-group" role="group">
					    	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					      	跌 涨
					      	<span class="caret"></span>
					   		 </button>
					    	<ul class="dropdown-menu">
					      		<li><a ng-click="sort('available_supply', 1)">按照涨幅升序排序</a></li>
					      		<li><a ng-click="sort('available_supply', -1)">按照涨幅降序序排序</a></li>
					      		<li><a ng-click="sort('available_supply_d', 1)">按照跌幅升序排序</a></li>
					      		<li><a ng-click="sort('available_supply_d', -1)">按照跌幅降序序排序</a></li>
					    	</ul>
					  	</div>
					  	<div class="btn-group" role="group">
					    	<button type="button" class="btn btn-default dropdown-toggle" 
					    	ng-click="default()"
					    	data-toggle="dropdown" 
					    	aria-haspopup="true" aria-expanded="false">
					      	恢复默认
					  	</div>
					</div>
			  	</div>
			  	<div class="col-md-4 col-xs-12">
			  		<nav aria-label="Page navigation">
					  	<ul class="pagination">
					    	<li>
					      		<a ng-click="page('p')" aria-label="Previous">
					        		<span aria-hidden="true">&laquo;</span>
					      		</a>
					    	</li>
					    	<li><a ng-click="page('0')">1</a></li>
					    	<li><a ng-click="page('1')">2</a></li>
					    	<li><a ng-click="page('2')">3</a></li>
					    	<li><a ng-click="page('3')">4</a></li>
					    	<li><a ng-click="page('4')">5</a></li>
					    	<li>
					      		<a ng-click="page('n')" aria-label="Next">
					        		<span aria-hidden="true">&raquo;</span>
					      		</a>
					    	</li>
					    
					  </ul>
					</nav>
			  	</div>
			</div>
    	</td>
      </tr>

     	<tr class="active t-1">
        	<td>币种</td>

        	<td>流通市值</td>

        	<td>当前价格</td>

        	<td>兑换BTC</td>

        	<td>流通数量</td>

        	<td>24小时浮动</td>
      	</tr>

     	<tr ng-repeat="(i, data) in list" class="{{getClass(i)}}">
        	<td class="p-2">{{data.symbol}}</td>

        	<td>{{data.market_cap_cny | price}}</td>

        	<td class="p-2">￥{{data.price_cny | fixed}}</td>

        	<td>{{data.price_btc}}</td>

        	<td>{{data.available_supply | price}}</td>

        	<td ng-class="getPercent(data.percent_change_24h)">{{data.percent_change_24h + '%'}}</td>
      	</tr>
    </table>
  </div>
</div><!-- header -->

<style type="text/css">
	.btn-group .btn-group+.btn-group {
	    /*margin-left: 20px;*/
	    padding: 0 10px;
	}
	.btn-group {
	    margin-top: 12px;
	}

	.input-group-addon {
	    font-size: 16px;
	    font-weight: 400;
	    color: #dff0d8;
	    background-color: #31708f;
	}
	.table {
        font-size: 1.6rem;
    }

</style>